<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-tabsbar</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Tabsbar">
    <lztier>LZ Components</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
            タブ項目を配置するためのlz tabsbarクラスです。
    </lzshortdesc>
    <lztag>lz/tabsbar.xml</lztag>
</lzelement>

<p><classname>tabsbar</classname>は（両端に余白をもつ）タブ子要素を一部重ねて配置するために
spacing属性を-15に、 axis属性をxに設定した<classname>simplelayout</classname>を使用したコンテナです。
</p>
<p>
このクラスはtabpaneを配置した際にデフォルトで作成されます。このクラスはtabs（若しくは任意のbasetabsのサブクラス）
に依存しており、単独で使用すべきではありません。子要素を配置するためのデフォルトのレイアウトは
 "class: simplelayout; axis: x; spacing: -15"です。このクラスにはtabpane, basetabpane, basetabs,
  そしてtabsの 'barclass'属性でアクセスすることが可能です。Tabsは'barclass'のデフォルトとしてこのクラスを使用します。
</p>

<example>
&lt;canvas width="400" height="100"&gt;
  &lt;include href="lz"/&gt;

  &lt;simplelayout axis="x" spacing="10"/&gt;

  &lt;view layout="class: simplelayout; axis: y; spacing: 5"
        bgcolor="red"&gt;
    &lt;text&gt;basetabs barclass=basetabsbar&lt;/text&gt;
    &lt;basetabs y="10" tabclass="tab" barclass="basetabsbar"&gt;
      &lt;basetabpane text="one"&gt;
        &lt;text&gt;one&lt;/text&gt;
      &lt;/basetabpane&gt;
      &lt;basetabpane text="two"&gt;
        &lt;text&gt;two&lt;/text&gt;
      &lt;/basetabpane&gt;
      &lt;basetabpane text="three"&gt;
        &lt;text&gt;three&lt;/text&gt;
      &lt;/basetabpane&gt;
    &lt;/basetabs&gt;
  &lt;/view&gt;

  &lt;view layout="class: simplelayout; axis: y; spacing: 5"
        bgcolor="yellow"&gt;
    &lt;text&gt;basetabs barclass=tabsbar&lt;/text&gt;
    &lt;basetabs y="10" tabclass="tab" barclass="tabsbar"&gt;
      &lt;basetabpane text="one"&gt;
        &lt;text&gt;one&lt;/text&gt;
      &lt;/basetabpane&gt;
      &lt;basetabpane text="two"&gt;
        &lt;text&gt;two&lt;/text&gt;
      &lt;/basetabpane&gt;
      &lt;basetabpane text="three"&gt;
        &lt;text&gt;three&lt;/text&gt;
      &lt;/basetabpane&gt;
    &lt;/basetabs&gt;
  &lt;/view&gt;
&lt;/canvas&gt;
</example>

<seealso>
<tags>tab tabs basetabsbar</tags>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
